<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
#parse('base/head.html')
<body class="no-skin">
<div class="indexHeader">
    #parse('base/top_head.html')
    #parse('base/menu.html')
</div>
<div class="main-container ace-save-state" id="main-container">
    <div class="main-content">
        <div class="main-content-inner">
            <div class="page-content">
                <div class="row">
                    <div class="col-sm-5">
                        <div class="tabbable">
                            <ul class="nav nav-tabs">
                                <li class="active">
                                    <a data-toggle="tab" href="#home">
                                        <i class="green ace-icon fa fa-home bigger-120"></i>
                                        贫困分布图
                                    </a>
                                </li>
                                <li>
                                    <a data-toggle="tab" href="#messages">
                                        项目分布图
                                        <span class="badge badge-danger">4</span>
                                    </a>
                                </li>
                                <li class="dropdown">
                                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                                        扶贫人员分布图 &nbsp;
                                        <i class="ace-icon fa fa-caret-down bigger-110 width-auto"></i>
                                    </a>
                                    <ul class="dropdown-menu dropdown-info">
                                        <li>
                                            <a data-toggle="tab" href="#dropdown1">@fat</a>
                                        </li>
                                        <li>
                                            <a data-toggle="tab" href="#dropdown2">@mdo</a>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                            <div class="tab-content">
                                <div id="home" class="tab-pane fade in active">
                                    <img src="./assets/images/li/index_map.png">
                                </div>

                                <div id="messages" class="tab-pane fade">
                                    <p>Food truck fixie locavore, accusamus mcsweeney's marfa nulla
                                        single-origin coffee squid.</p>
                                </div>

                                <div id="dropdown1" class="tab-pane fade">
                                    <p>Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out
                                        mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table
                                        readymade.</p>
                                </div>

                                <div id="dropdown2" class="tab-pane fade">
                                    <p>Trust fund seitan letterpress, keytar raw denim keffiyeh etsy art party
                                        before they sold out master cleanse gluten-free squid scenester freegan
                                        cosby sweater. Fanny pack portland seitan DIY, art party locavore wolf
                                        cliche high life echo park Austin.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-5">
                        <div class="tabbable">
                            <ul class="nav nav-tabs" id="myTab">
                                <li class="active">
                                    <a data-toggle="tab" href="#home">
                                        <i class="green ace-icon fa fa-home bigger-120"></i>
                                        贫困人口统计
                                    </a>
                                </li>
                            </ul>
                            <div class="tab-content">
                                <div id="home" class="tab-pane fade in active">
                                    <img src="./assets/images/li/index_chat.png">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-11">
                        <img width="90%" src="./assets/images/li/index_bottom.png">
                    </div>
                </div>
            </div><!-- /.page-content -->
        </div>
    </div>
</div>
#parse('base/footer.html')
<script>
    jQuery(function ($) {
        menuActive(0)
    })
</script>
</body>
</html>
